import React from 'react';
// 方式1：直接导入
import exampleImage from '@/assets/example.png'; // 请确保图片存在

const ImageExample: React.FC = () => {
  return (
    <div>
      {/* 方式1：使用导入的图片 */}
      <img
        src={exampleImage}
        alt="示例1"
      />

      {/* 方式2：使用require */}
      <img
        src={require('@/assets/example.png')}
        alt="示例2"
      />

      {/* 方式3：使用相对路径（不推荐，因为构建工具可能无法正确处理） */}
      <img
        src="../assets/example.png"
        alt="示例3"
      />
    </div>
  );
};

export default ImageExample;
